

var commonUtil = {
    /**
     * 弹出消息框
     * @param msg 消息内容
     * @param type 消息框类型（参考bootstrap的alert）
     */

    /**
     * 短暂显示后上浮消失的消息框
     * @param msg 消息内容
     * @param type 消息框类型
     */
    message: function (msg, type) {
        var $style = $('<style> \
            .alert { \
                display: none; \
                position: fixed;  \
                top: 50%;\
                left: 50%;\
                min-width: 300px;\
                max-width: 600px;\
                transform: translate(-50%,-50%);\
                z-index: 99999;\
                text-align: center;\
                padding: 15px;\
                border-radius: 3px;\
            }\
            .alert-success {\
                color: #3c763d;\
                background-color: #dff0d8;\
                border-color: #d6e9c6;\
            }\
            .alert-info {\
                color: #31708f;\
                background-color: #d9edf7;\
                border-color: #bce8f1;\
            }\
            .alert-warning {\
                color: #8a6d3b;\
                background-color: #fcf8e3;\
                border-color: #faebcc;\
            }\
            .alert-danger {\
                color: #a94442;\
                background-color: #f2dede;\
                border-color: #ebccd1;\
            }\
            </style>')
        $($('head')[0]).append($style);
        $('<div>').appendTo('body').addClass('alert alert-' + type).html(msg).show().delay(1500).fadeOut()

    }
}